$(function (){
    var tmpl = '<div class="line bg-white">'+
        '<div class="x4"><div class="button-group dropup my-bottom-menu" ><button type="button" class="button dropdown-toggle radius-none" style="width: 100%;">品牌简介</button>'+
        '<ul class="drop-menu ">'+
        '<li><a href="'+WapSiteUrl+'"> 官网首页</a></li>'+
        '<li><a href="'+WapSiteUrl+'/tmpl/article_detail.html?a_id=30">品牌价值</a></li>'+
        '<li><a href="'+WapSiteUrl+'/tmpl/article_detail.html?a_id=29">品牌介绍</a></li>'+
        '<li><a href="'+WapSiteUrl+'/tmpl/article_detail.html?a_id=88">古谱流金</a></li>'+
        '<li><a href="'+WapSiteUrl+'/tmpl/article_detail.html?a_id=84">营销之道</a></li>'+
        '<li><a href="'+WapSiteUrl+'/tmpl/article_detail.html?a_id=32">招兵买马</a></li>'+
        '<li><a href="'+WapSiteUrl+'/tmpl/article_detail.html?a_id=23">招商加盟</a></li>'+
        '</ul>'+
        '</div>'+
        '</div>'+
        '<div class="x4"><div class="button-group dropup my-bottom-menu"><button type="button" class="button dropdown-toggle radius-none">产品展示</button>'+
        '<ul class="drop-menu">'+
        '<li><a href="'+WapSiteUrl+'/tmpl/product_list.html?gc_id=1074&a_id=25">论剑古树系列</a></li>'+
        '<li><a href="'+WapSiteUrl+'/tmpl/product_list.html?gc_id=1074&a_id=26">逍遥丹系列</a></li>'+
        '<li><a href="'+WapSiteUrl+'/tmpl/product_list.html?gc_id=1074&a_id=33">票级系列</a></li>'+
        '<li><a href="'+WapSiteUrl+'/tmpl/product_list.html?gc_id=1074&a_id=585">心若系列</a></li>'+
        '<li><a href="'+WapSiteUrl+'/tmpl/product_list.html?gc_id=1074&a_id=584">藏级系列</a></li>'+
        '<li><a href="'+WapSiteUrl+'/tmpl/product_list.html?gc_id=1074&a_id=29">江湖散茶</a></li>'+
        '<li><a href="'+WapSiteUrl+'/tmpl/product_list.html?gc_id=1074&a_id=25">江湖熟茶</a></li>'+
        '<li><a href="'+WapSiteUrl+'/tmpl/product_list.html?gc_id=1074&a_id=28">茶人系列</a></li>'+
        '<li><a href="'+WapSiteUrl+'/tmpl/product_list.html?gc_id=1074&a_id=27">剑胆书心系列</a></li>'+
        '<li><a href="'+WapSiteUrl+'/tmpl/product_list.html?gc_id=1074&a_id=34">芷若小沱茶</a></li>'+
        '<li><a href="'+WapSiteUrl+'/tmpl/product_list.html?gc_id=1074&a_id=32">红茶系列</a></li>'+
        '<li><a href="'+WapSiteUrl+'/tmpl/product_list.html?gc_id=1074&a_id=25">其它系列</a></li>'+
        '</ul>'+
        '</div>'+
        '</div>'+
        '<div class="x4"><div class="button-group dropup my-bottom-menu"><button type="button" class="button dropdown-toggle radius-none">营销体系</button>'+
        '<ul class="drop-menu">'+
        '<li><a href="'+WapSiteUrl+'/shop.html">官方商城</a></li>'+
        '<li><a href="http://sjpuer.jd.com/">京东商城</a></li>'+
        '<li><a href="http://www.amazon.cn/shops/A3UMKYUGZQEQTB">亚马逊商城</a></li>'+
        '<li><a href="'+WapSiteUrl+'/tmallLink.html">天猫商城</a></li>'+
        '<li><a href="'+WapSiteUrl+'/taobaoLink.html">淘宝集市</a></li>'+
        '<li><a href="'+WapSiteUrl+'/tmpl/article_detail.html?a_id=30">书剑会</a></li>'+
        '<li><a href="'+WapSiteUrl+'/tmpl/article_list.html?ac_id=15">销售渠道</a></li>'+
        '<li><a href="'+WapSiteUrl+'/tmpl/article_list.html?ac_id=18">服务中心</a></li>'+
        '<li><a href="'+WapSiteUrl+'/tmpl/article_detail.html?a_id=37">存茶服务</a></li>'+
        '</ul>'+
        '</div>'+
        '</div>'+
        '</div>';
	var render = template.compile(tmpl);
	var html = render();
	$("#footer_menu").append(html);

    $('.dropdown-toggle').click(function(){
        if($(this).closest(".button-group.open").length > 0){
            $(".button-group").removeClass("open");
        }else{
            $('.button-group.open').removeClass("open");
            $(this).closest('.button-group').addClass("open");
        }
    });
    $(document).bind("click",function(e){
        if($(e.target).closest(".button-group.open").length == 0){
            $(".button-group").removeClass("open");
        }
    });

});